<template>
    <div class="divThree">
        <slot></slot>
        <div class="divThree_right">
            <div v-if="type === '招商' || type === '研发'">
                <span>{{ item?.stockNum || 0 }}</span>/{{ item?.countNum || 0 }}件已入库
            </div>
            <div v-if="type === '产品'">
                <span>{{ item?.totalOutNum || 0 }}</span>件出库
            </div>
            <img src="@/assets/operation/icon_huisejiantou.png" alt="">
        </div>
    </div>
</template>

<script setup lang="ts">
import { defineProps } from 'vue'
const props = defineProps(['item', 'type'])
</script>

<style lang="less" scoped>
.divThree {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;

    .divThree_right {
        flex: 1;
        min-width: 0;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        font-weight: 500;
        font-size: 14px;
        color: #8492AD;

        span {
            color: #0094FF;
        }

        img {
            width: 7px;
            height: 12px;
            margin-left: 10px;
        }
    }
}
</style>